import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import { Carousel } from 'antd';
import '@/components/MusicHall/index/Wonderful/Banner.scss';
class Banner extends Component {
    constructor (props) {
      super(props)
      this.state = {
      }
    }

    render () {
        return (
            <div className='w-banner'>
                <Carousel className="aaa" autoplay>
                    {/* 第一个 */}
                    <div>
                        {/* 林俊杰所有歌曲 */}
                        <Link to='/musichall/playlist/林俊杰' id='banner-box1'>
                            <img src="http://p4.gexing.com/shaitu/20121024/1628/5087a6aeb5a64.jpg" alt=""/>
                        </Link>
                        {/* 薛之谦--丑八怪 （单曲） */}
                        <Link to='/player/27808044'>
                            <img src="http://p2.qhmsg.com/t016d11b35a60b24876.jpg" alt=""/>
                        </Link>
                    </div>
                    {/* 第二个 */}
                    <div>
                        {/* 周杰伦的床边故事 ---（专辑） */}
                        <Link id='banner-box2' to='/musichall/playlist/周杰伦' >{/* to='/musichall/album/003RMaRI1iFoYd' */}
                            <img src="http://baike.huishangbao.com/uploads/201706/1498787162iQDljltk.jpg" alt=""/>
                        </Link>
                        <Link to='/player/26354130'>
                            <img src="http://old.bz55.com/uploads/allimg/140625/138-140625120100.jpg" alt=""/>
                        </Link>
                    </div>
                    {/* 第三个 */}
                    <div>
                        <Link id='banner-box3' to='/musichall/playlist/邓紫棋'>
                            <img src="http://img.idol001.com/middle/2016/01/26/5e7b9c0347c3b630ad6de9fe98740d0b1453785694.jpg" alt=""/>
                        </Link>
                        <Link to='/musichall/playlist/五月天'>
                            <img src="http://d.5857.com/wuyuet_150106/011.jpg" alt=""/>
                        </Link>
                    </div>
                    {/* 第四个 */}
                    <div>
                        <Link id='banner-box4' to='/musichall/playlist/陈立农'>
                            <img src="https://y.gtimg.cn/music/common/upload/MUSIC_FOCUS/1118162.jpg?max_age=2592000" alt=""/>
                        </Link>
                        <Link to='/musichall/playlist/张艺兴'>
                            <img src="https://y.gtimg.cn/music/common/upload/MUSIC_FOCUS/1119693.jpg?max_age=2592000" alt=""/>
                        </Link>
                    </div>
                </Carousel>
            </div>
      )
    }
}
export default Banner;